<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
    <head>
        <title>About | Isatech Indonesia - IT Consulting and Software Development</title>
        
        <meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />
        <link rel="shortcut icon" href="images/logo.ico" />
        <!-- CSS -->
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />
        <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
        <!--[if IE 7]>
        <link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css"/>
        <![endif]-->

        <!-- SCRIPT -->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
    <body>
        <!-- start: Top Menu -->
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#"><img src="images/logo.png"/></a>
                    <div class="nav-collapse collapse">
                        <ul class="nav pull-right">
                            <li><a href="./index.html">Home</a></li>
                            <li class="active"><a href="./about.html">About</a></li>
                            <li><a href="./services.html">Services</a></li>
                            <li><a href="./portfolio.html">Portfolio</a></li>
                            <li><a href="./contact.html">Contacts</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- end: Top Menu -->
<!-- start: Container -->
<div class="container">
    <!-- start: Page header / Breadcrumbs -->
    <section class="breadcrumbs">
        <div class="page-header">
            <h1 style="font-weight:bold">About Us<small></small></h1>
        </div>
        <div class="breadcrumbs">
            You are here: <a href="#">Home</a><i class="icon-angle-right "></i>About Us
        </div>
    </section>
    <!-- end: Page header / Breadcrumbs -->
    <div class="row">
        <!-- start: Page section -->
        <section id="page-sidebar" class="span12">
            <div class="page-inner">
                <div class="sub-inner">
                    <div class="row-fluid">
                        <h3>Who we are?</h3>
                        <p> We are a small yet creative application studio based in Yogyakarta, Indonesia, offering a wide array of online solutions to businesses and individuals. Our team is young, but we have a great deal of experience with a wide array of web applications, desktop applications and mobile applications. We are practiced in dealing with diverse clientele ranging from individuals to international companies.
                        </p>
                    </div>

                    <hr />

                    <div class="row-fluid">
                        <div class="span6">

                            <h3>How We Works?</h3>
                            <img src="./images/cycle.jpeg">

                        </div>
                        <div class="span6">
                            <style type="text/css">
                                p.img img{
                                    padding:3px;
                                }
                            </style>
                            <h3>People</h3>
                            <style type="text/css">
                                div .tooltip{
                                    background-color: none;
                                }
                            </style>
                            <p class="img">
                                <a href="#" title="(CEO) Kusuma Yudha" data-placement="left" rel="tooltip">
                                    <img src="http://graph.facebook.com/kusuma.yudha/picture" >
                                </a>
                                <a href="#" title="(CEO) Bahrudin Yusuf" data-placement="left" rel="tooltip">
                                    <img src="http://graph.facebook.com/bahrudinyusuf/picture">
                                </a>
                                <a href="#" title="(CNO) Venoruton Budi Irmawan" data-placement="left" rel="tooltip">
                                    <img src="http://graph.facebook.com/BeeeBeeeK/picture">
                                </a>
                                <a href="#" title="(CTO) Priawan Harjunanto" data-placement="left" rel="tooltip">
                                    <img src="http://graph.facebook.com/priawan.harjunanto/picture">
                                </a>
                                <a href="#" title="(CCO) Yudi Wongsodiharjo" data-placement="left" rel="tooltip">
                                    <img src="http://graph.facebook.com/yudi.wongsodiharjo/picture">
                                </a>
                                <a href="#" title="(CWO) Hanief" data-placement="left" rel="tooltip">
                                    <img src="http://graph.facebook.com/haniefhan/picture">
                                </a>
                                <a href="#" title="(Senior Dev) Arif Laksito" data-placement="left" rel="tooltip">
                                    <img src="http://graph.facebook.com/arif.laksito/picture">
                                </a>
                                <a href="#" title="(Android Dev) Hafiz Ridha" data-placement="left" rel="tooltip">
                                    <img src="http://graph.facebook.com/hafiz.ridha.p/picture">
                                </a>
                                <a href="#" title="(Windows Dev) Rakhmad Ikhsan" data-placement="left" rel="tooltip">
                                    <img src="http://graph.facebook.com/rakhmad.ikhsan/picture">
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end: Page section -->
    </div>
</div>
<!-- end: Container -->
    <!-- start: Footer -->
    <footer id="footer">
        <div class="container">
            <ul class="social clearfix">
                <li><a href="#" data-original-title="Facebook">
                        <i class="icon-facebook-sign"></i>
                    </a></li>
                <li><a href="#" data-original-title="Twitter">
                        <i class="icon-twitter-sign"></i>
                    </a></li>
                <li><a href="#" data-original-title="Google+">
                        <i class="icon-google-plus-sign"></i>
                    </a></li>
            </ul>
        </div>

    </footer>
    <!-- end: Footer -->
    <!-- start: Footer menu-->
    <section id="footer-menu">
        <div class="container">
            <div class="row">
                <div class="span4">
                    <p class="copyright">&copy; Copyright 2012. Powered by <a href="http://isatechindonesia.com/">Isatech Indonesia</a>.</p>
                </div>
                <div class="span8 hidden-phone">
                    <ul class="pull-right">
                        <li><i class="icon-map-marker"></i> Blimbingsari CT.IV/28A Depok Sleman Yogyakarta 55281</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- end: Footer menu-->
</body>
</html>
